<!--
*******************************************************************************
 * Copyright © 2021-2022 VMware, Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License
 * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
 * or implied. See the License for the specific language governing permissions and limitations under
 * the License.
 *
 * @author: Huaqiao Zhang, <huaqiaoz@vmware.com>
 *******************************************************************************
 -->

 <div class="combo-shielder" *ngIf="visible" (click)="close($event)"></div>
 <div class="combo">
    <div class="input-group has-validation" (mousedown)="toggle($event)">
        <input type="text" class="form-control" name="resourceSelected" disabled [(ngModel)]="resourceSelected">
        <div class="input-group-append">
            <span class="input-group-text" role="button"><i class="fa fa-chevron-down"></i></span>
        </div> 
    </div>
    <div [style.display]="!visible ? 'none': ''" class="combo-body shadow rounded">
        <app-device-profile-list
        [toolbars]="false"
        [associatedDeviceColumn]="false"
        [multiProfilesSelected]="selectedProfiles"
        (multipleProfileSelectedEvent)="onMultipleProfileSelectedEvent($event)"
        ></app-device-profile-list> 
    </div>
</div>